<script setup lang="ts">

import ComponentFooter from "../components/footer.vue"

import {jumpToLogin} from "@/utils/jump"

</script>

<template>

  <div class="common-layout">
    <el-container>
      <el-header >

          <el-row justify="center" align="middle">
            <el-col :span="3">
              <el-image  class="imgblock" src="../public/newland-logo.png" fit="contain" />
            </el-col>
            <el-col :span="14">
              <h1>教学知识点/技能点Ai管理平台</h1>
            </el-col>
            <el-col :span="3" >
                <el-button text @click="jumpToLogin" size="large">登录</el-button>

            </el-col>
          </el-row>
      </el-header>
      <el-main>

        <h1>这里是说明</h1>
          <el-skeleton :rows="5" animated  />
          <br />
      <el-skeleton style="--el-skeleton-circle-size: 100px" animated>
        <template #template>
          <el-skeleton-item variant="circle" />
        </template>
      </el-skeleton>
      

      </el-main>
      <el-footer >
          <ComponentFooter/>
      </el-footer>
    </el-container>
  </div>
</template>

<style scoped>


el-row{
  margin: 20em ;
}
.imgblock {
  padding: 10px 0;
  width: 50%;
  text-align: center;
}

.imgHomebar {
 padding: 10px 0;
  width: 100%;
  text-align: center; 
}
.block{
  margin: 2em;
}

.blockTitle{
  font-size: 3em;
}

</style>